<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--
      表单标签--》,可以实现让用户在界面上输入各种信息并提交的一种标签.
        form  表单标签 开始头
            action 用于定义信息提交的服务器的地址
            methon 用于定义信息的提交方式
                get  数据会缀到url后,以?作为参数开始的标识,多个参数用&隔开
                post 数据会通过请求体发送,不会在缀到url后(推荐，较安全)
         input (插入数据口)主要的表单项标签,可以用于定义表单项
                name 用于定义提交的参数名
                type 用于定义表单项类型
                    text 文本框
                    passworld 密码框
                    submit  提交按钮
                    reset  重置按钮
 value 属性在input 是输入框的默认显示文本的意思
       其他 ：是用来指定选项的值，当用户提交内容后，会在后台获取这个value值
    -->
    <form action="http://www.baidu.com" methon="get">
        用户名 <input type="text" name="username" />
        <br>
        密码 <input type="password" name="password"/>
        <br>
        <input type="submit" value="登录"/>
        <input type="reset" value="重置"/><!-- value 输入框的默认显示文本-->

          <hr>
           --单行文本框--
           <br>
            个性签名 :<input type=" text" name="singal"/>
        
            <br>
            --单选框 -radio --
            <br>
            你的性别是：
            <input type="radio" name="sex" value="male" />男
            <input type="radio" name="sex" value="female" checked/>女
            <!--设置checked="checked"属性设置默认被选中的radio-->

            <br>
            --复选框 -checkbox--
            <br>
            <input type="checkbox" name="team" value="Brazil"/>巴西
            <input type="checkbox" name="team" value="German" checked/>德国
            <input type="checkbox" name="team" value="France"/>法国
            <input type="checkbox" name="team" value="China" checked="checked"/>中国
            <input type="checkbox" name="team" value="Italian"/>意大利
            
            <br>
            --下拉框-select- option-
            <br>
            你最喜欢的运动是：
            <select name ="Interesting">
            <option value="swiming">游泳</option>
            <option value="running">跑步</option>
            <option value="shooting" selected>射击</option>
            <option value="skating">溜冰</option>
            <!-- selected  有默认指定的意思-->
            </select>

            <br>
            --按钮-button--
            <br>
            <input type="button" value="普通按钮"/>
            <input type="reset" value="重置按钮"/>
            <input type="submit" value="提交按钮"/>
            
            <br>
            --隐藏域-hidden--
            <br>
            <input type="hidden" name="userId" value="2233"/>
            <br>
            --多行文本框--
            <br>
            自我介绍：<textarea name="desc"></textarea>
            <br>
            --文件标签--
            <br>
            头像：<input type="file" name="file"/>
    </form>


     
</body>
</html>